<!--
 * @Author: rxn 1003312535@qq.com
 * @Date: 2024-07-05 15:25:53
 * @LastEditors: rxn 1003312535@qq.com
 * @LastEditTime: 2024-07-09 17:05:49
 * @FilePath: \vue3-progect\src\views\example\three\geometry\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--
 * @Author: rxn 1003312535@qq.com
 * @Date: 2024-07-05 15:25:53
 * @LastEditors: rxn 1003312535@qq.com
 * @LastEditTime: 2024-07-08 11:22:59
 * @FilePath: \vue3-progect\src\views\example\three\geometry\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--
 * @Author: rxn 1003312535@qq.com
 * @Date: 2024-07-05 15:25:53
 * @LastEditors: rxn 1003312535@qq.com
 * @LastEditTime: 2024-07-08 09:11:39
 * @FilePath: \vue3-progect\src\views\example\three\geometry\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--缓存几何-->
<template>
	<div class="three_wrap">
		<!-- <Box1 id="three_container" class="three_container"></Box1> -->
		<!-- <Box2 id="three_container1" class="three_container"></Box2> -->
		<!-- <Box3 id="three_container3" class="three_container"></Box3> -->
		<Box4 id="three_container3" class="three_container"></Box4>
	</div>
</template>

<script setup>
import Box1 from "./component/box1.vue";
import Box2 from "./component/box2.vue";
import Box3 from "./component/box3.vue";
import Box4 from "./component/box4.vue";
</script>

<style lang="less" scoped>
.three_wrap {
	display: flex;
	height: 100%;
}
.three_container {
	height: 33.33%;
	width: 33.33%;
	background: #eee;
}
.three_container {
	width: 100%;
	height: 100%;
}
</style>
